<template>
	<view>
		<uni-popup ref="popuplnterest" type="center" border-radius="10px 10px 0 0">
			<view class="popuplnterest">
				<view class="flex ac jc fc" style="margin-top: 5vh;">
					<view>
						<image src="https://yjgs.jsonbug.com/test/success-yx.png" style="width: 380rpx;height: 300rpx;"></image>
					</view>
					<view class="mt-30 fw" style="font-size: 48rpx;color: #000;">
						意向提交成功
					</view>
				</view>
				<view class="flex ac jc fc" style="margin-top: 5vh;">
					<view style="color: #212121;">
						您的专属秘书稍后会联系您
					</view>
					<view class="mt-20" style="color: #B2B2B2;">
						您也可联系专属服务秘书进行咨询
					</view>
				</view>
				
				<view @click="phoneClick" class="box-btn-phone ">
					<text>电话咨询</text>
				</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			phoneClick(){
				this.$emit('phoneClickCall')
			},
			popuplnterest(type){
				this.$refs.popuplnterest.open(type);
			}
		}
	}
</script>

<style lang="scss" scoped>
	.box-btn-phone:active{
		opacity: .6;
	}
	.box-btn-phone{
		font-weight: bold;
		margin-top: 5vh;
		border-radius: 10rpx;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		color: white;
		background-color: #0066FF;
	}
	.popuplnterest{
		padding: 20rpx;
		width: 90vw;
		height: 60vh;
		background-color: #FFFFFF;
		border-radius: 20rpx;
	}
</style>